<template>
	<view>
		<!-- 跳往跳签署的弹出层 -->

		<u-modal @confirm="confirm($event,'/pages/mine/userSetting')" title="签署劳务合同" :showCancelButton="true"
			cancelText="取消" confirmText="签署劳务合同" :confirmStyle="{color:'#3975EA'}" @cancel="cancel" v-model="showSign">
			<view class="bigBox">
				<view>
					<view class="modelFont">
						为确保账号所有功能正常使用
					</view>
					<view class="modelFont">
						请先签署劳务合同
					</view>
				</view>

			</view>
		</u-modal>
		
		
		<u-modal title="审核状态" :showCancelButton="true" cancelText="关闭" :showConfirmButton="false" @cancel="cancel"
			v-model="showStatus">
			<view class="bigBox">
				<view class="modelList">
					<view class="Icon">
						<image src="@/static/Icon/shijian.png" style="width: 28rpx; height: 28rpx;"></image>
					</view>
					<view class="date">
						提交时间：{{updateDate}}
					</view>
				</view>
				<view class="modelList">
					<view class="Icon">
						<image src="@/static/Icon/xuhao.png" style="width: 28rpx; height: 28rpx;"></image>
					</view>
					<view class="date">
						提交状态：审核中
					</view>
				</view>
			</view>
		</u-modal>


		<u-modal @confirm="confirm($event,`/pages/contract/signLabour?tag=${userType == 0 ? 'BROKER' : 'COMPANY_BROKER'}`)" title="签署合同" :showCancelButton="true"
			cancelText="取消" confirmText="前往签署合同" :confirmStyle="{color:'#3975EA'}" @cancel="cancel"
			v-model="showSignContract">
			<view class="bigBox">
				<view class="modelComtent">
					<view class="modelFont">
						您的信息审核通过
					</view>
					<view class="modelFont">
						尽快签署劳务合同
					</view>
				</view>

			</view>
		</u-modal>
		
	</view>

</template>

<script>
	export default {
		props: {
			showSign: {
				type: Boolean,
				default: false
			},
			
			showSignContract: {
				type: Boolean,
				default: false
			},
			showStatus: {
				type: Boolean,
				default: false
			},
			userType: {
				type: Number,
				default: 0
			},
			updateDate:{
				type:String,
				default:''
			}
		},
		

		methods: {
			cancel() {
				uni.switchTab({
					url: `/pages/index/index`
				})
			},
			confirm(obj, url) {
				this.$next(url)
			}
		}
	}
</script>

<style>
	/* 下面是跳往跳签署的弹出层的样式 */
	.modelTitle {
		width: 100%;
		height: 116rpx;
		border-bottom: 1rpx solid #F1F1F1;
		font-size: 36rpx;
		font-family: .PingFang SC;
		font-weight: 400;
		line-height: 116rpx;
		color: #333333;
		text-align: center;
	}

	.modelComtent {
		/* width: 100%;
		height: 189rpx;
		border-bottom: 1rpx solid #F1F1F1;
		padding: 28rpx 0; */
	}

	.modelFont {
		font-size: 28rpx;
		font-family: "PingFang SC";
		font-weight: 300;
		text-align: center;
		color: #333333;
		margin-bottom: 10rpx;
	}

	.but {
		width: 100%;
		height: 118rpx;
		font-size: 48rpx;
		font-family: "PingFang SC";
		font-weight: 300;
		line-height: 118rpx;
		text-align: center;
		color: #2E6ADF;
	}

	.bigBox {
		overflow: hidden;
		width: 600rpx;
		padding: 20rpx
	}

	.signButton {
		display: flex;
	}

	/* 下面是签署信息弹出层 */
	.signInfoTitle {
		/* width: 144px; */
		height: 50rpx;
		font-size: 36rpx;
		font-family: "PingFang SC";
		font-weight: 400;
		line-height: 50rpx;
		color: #333333;
		margin-top: 42rpx;
		text-align: center;
	}

	.modelList {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40rpx;
		margin: 36rpx 0 0;
	}

	.Icon {
		width: 28rpx;
		height: 28rpx;
		margin-right: 32rpx;
	}

	.date {
		width: 80%;
		height: 40rpx;
		font-size: 28rpx;
		font-family: "PingFang SC";
		font-weight: 300;
		line-height: 40rpx;
		color: #333333;
	}

	.close {
		width: 100%;
		height: 140rpx;
		border-top: 1rpx solid #F1F1F1;
		margin-top: 36rpx;
		font-size: 48rpx;
		font-family: "PingFang SC";
		font-weight: 300;
		line-height: 140rpx;
		color: #2E6ADF;
		text-align: center;
	}
</style>
